<style>
/* list item */
.list_item {
border-bottom:1px solid #989DA5;
line-height:14px;
position:relative;
clear: left;
}

.item_status {
border-left:1px solid #FFFFFF;
border-right:1px solid #BBBEC2;
float:left;
height:24px;
margin-right:4px;
padding:4px;
}

.item_actions {
position:absolute;
right:6px;
top:6px;
}

.item_data {
margin:0 75px 0 35px;
}

.item_select {
float:left;
height:32px;
line-height:32px;
padding-right:6px;
}

#rightCol .item_select input {
width: 20px;
margin:9px 0px 0px 0px;
}

.item_title {
color:#555555;
font-weight:bold;
margin-right:80px;
padding-left:6px;
padding-top:2px;
}

.item_info {
color:#989DA5;
font-size:10px;
padding:0 0 1px 6px;
}

.pagination{
line-height: 30px;
border-bottom: 1px solid #989DA5;
border-top:1px solid #989DA5;
text-align: center;
}

.multi_del{
margin: 10px 0px;
text-align: center;
}
</style>


<div style="margin:0 auto;width:100%;">
<?php 
    if (isset($this->previous)){
          echo '<a href="#" onclick="loadPage('.$this->previous.')"> &lt; Previous</a> | ';
    }
    foreach ($this->pagesInRange as $page){
       if ($page != $this->current){
               echo  '<a href="#" onclick="loadPage('.$page.')">' . $page . '</a> | ';
      }else{
          echo $page . ' | ';
      }
   }
     if (isset($this->next)){
        echo '<a href="#" onclick="loadPage('.$this->next.')">Next &gt;</a>';
       }
  ?>
</div>